@media (max-width: 767px){
	.contents{
		background-color: #ffffff;
	}
	.points{
		padding: 0 10px;
		margin-top: 48px;
	}
	.points_note{
		font-size: 10px;
		margin: 10px auto 0;
	}
	.text_wankure_001{
		margin: 30px 0 43px;
	}
	.ttl_wankure_001{
		margin-top: 24px;
	}
	.wrap_wankure{
		margin-top: 12px;
	}
	.wrap_wankure .txt{
		padding: 0 10px;
		font-size: 10px;
		color: #727171;
	}
	.wankure_banner{
		margin-top: 40px;
	}
	.payment_example_title{
		margin-top: 15px;
	}
	.name{
		font-size: 15px;
		font-weight: bold;
		color: #707070;
		line-height: 1;
		border-top: 2px solid #7d7d7d;
		padding-top: 10px;
	}
	.name span{
		font-size: 11px;
	}
	.price{
		font-size: 0;
		text-align: left;
		line-height: 1;
	}
	.price .monthly{
		display: inline-block;
		font-size: 19px;
		font-weight: bold;
		color: #e60012;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin-right: 5px;
		margin-left: 6px;
	}
	.price .number{
		display: inline-block;
		font-size: 51px;
		font-weight: bold;
		color: #e60012;
	}
	.price .unit{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
		color: #e60012;
		text-align: center;
		line-height: 1;
	}
	.price .unit span{
		font-size: 10px;
		font-weight: bold;
		color: #e60012;
	}
	.price .number_of_time{
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		color: #e60012;
	}
	.btn_toggle{
		position: relative;
		width: 100%;
		background-color: #626262;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		line-height: 1;
		padding: 13px;
		margin-top: 12px;
	}
	.btn_toggle:before{
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		top: 50%;
		margin-top: -4.5px;
		right: 20px;
		background: url("'/~/media/Project/Dmc Tenants/DD Tenant/shared/support/sumapake/wankure/images/arrow_open.png'") no-repeat left top;
		background-size: 100% auto;
	}
	.btn_toggle.on:before{
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		top: 50%;
		margin-top: -4.5px;
		right: 20px;
		background: url("'/~/media/Project/Dmc Tenants/DD Tenant/shared/support/sumapake/wankure/images/arrow_close.png'") no-repeat left top;
		background-size: 100% auto;
	}
	.ex_table_wrap{
		display: none;
		padding: 0 10px;
	}
	.ex_title{
		font-size: 14px;
		font-weight: bold;
		line-height: 1.8;
		color: #707070;
	}
	.ex_table{
		width: 100%;
	}
	.ex_table th, td{
		display: block;
		width: 100%;
		border-top: 1px solid #707070;
		border-left: 1px solid #707070;
		border-right: 1px solid #707070;
		box-sizing: border-box;
		padding: 0 5px;
	}
	.ex_table tr:last-child td{
		border-bottom: 1px solid #707070;
	}
	.ex_table th{
		font-size: 14px;
		line-height: 22px;
		font-weight: bold;
		color: #626262;
		text-align: center;
	}
	.ex_table th.total{
		background-color: #ffda87;
	}
	.ex_table td{
		font-size: 14px;
		line-height: 22px;
		color: #626262;
		text-align: center;
	}
	.ex_table.mb{
		margin-bottom: 24px;
	}
	.ex_table.last th,
	.ex_table.last td{
		display: table-cell;
	}
	.ex_table.last tr:last-child th{
		border-bottom: 1px solid #707070;
	}
	.ex_table.last tr:first-child th{
		font-size: 14px;
		text-align: center;
	}
	.ex_table.last th{
		font-size: 12px;
		text-align: left;
	}
	.ex_table.last .vertical_wrap{
		width: 1em;
	}
	.ex_table.last td{
		white-space: nowrap;
		text-align: right;
	}
	.ex_table.last .vertical{
		width: 1em;
		line-height: 1.2;
	}
	.payment_example_text p{
		color: #626262;
	}
	.payment_example_text p:nth-child(1){
		font-size: 12px;
		line-height: 1.2;
		margin: 5px 0 16px;
	}
	.payment_example_text p:nth-child(2){
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
		margin: 0 0 10px;
	}
	.payment_example_text p:nth-child(3){
		font-size: 10px;
		line-height: 12px;
		margin: 0 0 20px;
	}
	.btn-danger.shop{
		display: inline-block;
		width: 80%;
		margin-bottom: 40px;
	}
	.shop_list{
		padding: 0;
	}
	.sumapake_link{
		font-size: 0;
		margin-bottom: 20px;
	}
	.sumapake_link a{
		display: inline-block;
		width: 33.125%;
	}
	.sumapake_link a:nth-child(2),
	.sumapake_link a:nth-child(5){
		width: 33.75%;
	}
}

@media (min-width: 768px){
	.points{
		width: 83.33333333333333%;
		margin: 108px auto 0;
	}
	.points_note{
		color: #727171;
		font-size: 14px;
		margin-top: 10px;
	}
	.text_wankure_001{
		margin: 32px 0 84px;
	}
	.ttl_wankure_001{
		padding: 0 21px;
		margin-top: 60px;
	}
	.wrap_wankure{
		padding: 0 21px;
		margin-top: 24px;
		overflow: hidden;
	}
	.wrap_wankure .img{
		float: left;
		width: 48.25708061002179%;
	}
	.wrap_wankure .txt{
		float: right;
		width: 46.73202614379085%;
		font-size: 13px;
		line-height: 20px;
		color: #727171;
	}
	.wankure_banner{
		margin-top: 100px;
	}
	.payment_example_title{
		margin-top: 36px;
	}
	.ex_left, .ex_right{
		padding-left: 30px;
		padding-right: 30px;
	}
	.row.ex_wrap{
		margin-left: -30px;
		margin-right: -30px;
	}
	.name{
		font-size: 22px;
		font-weight: bold;
		color: #707070;
		line-height: 1.2;
		border-top: 3px solid #7d7d7d;
		padding-top: 8px;
	}
	.name span{
		font-size: 16px;
	}
	.price{
		font-size: 0;
		text-align: center;
		line-height: 1;
	}
	.price .monthly{
		display: inline-block;
		font-size: 27px;
		font-weight: bold;
		color: #e60012;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin-right: 5px;
	}
	.price .number{
		display: inline-block;
		font-size: 73px;
		font-weight: bold;
		color: #e60012;
	}
	.price .unit{
		display: inline-block;
		font-size: 35px;
		font-weight: bold;
		color: #e60012;
		text-align: center;
		line-height: 1;
	}
	.price .unit span{
		font-size: 12px;
		font-weight: bold;
		color: #e60012;
	}
	.price .number_of_time{
		display: inline-block;
		font-size: 26px;
		font-weight: bold;
		color: #e60012;
	}

	.btn_toggle{
		display: none;
	}

	.ex_title{
		font-size: 16px;
		font-weight: bold;
		line-height: 1.8;
		color: #707070;
	}
	.ex_table{
		width: 100%;
	}
	.ex_table th, td{
		border: 1px solid #707070;
		box-sizing: border-box;
		padding: 0 5px;
	}
	.ex_table th{
		width: 70%;
		font-size: 16px;
		line-height: 25px;
		font-weight: bold;
		color: #626262;
		text-align: center;
	}
	.ex_table th.total{
		background-color: #ffda87;
	}
	.ex_table td{
		width: 30%;
		font-size: 16px;
		line-height: 25px;
		color: #626262;
		text-align: right;
	}
	.ex_table td.ym{
		font-weight: bold;
		text-align: center;
	}
	.ex_table.mb{
		margin-bottom: 24px;
	}
	.ex_table.last th{
		width: auto;
		text-align: left;
	}
	.ex_table.last tr:first-child th{
		font-size: 16px;
		text-align: center;
	}
	.ex_table.last th{
		font-size: 14px;
	}
	.ex_table.last .vertical{
		width: 1em;
		line-height: 1.2;
	}
	.ex_table.last .small{
		font-size: 12px;
		padding: 0;
	}
	.payment_example_text p{
		color: #626262;
	}
	.payment_example_text p .sp{
		display: none;
	}
	.payment_example_text p:nth-child(1){
		font-size: 16px;
		text-align: center;
		line-height: 1.1;
		margin: 10px 0 20px;
	}
	.payment_example_text p:nth-child(2){
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		line-height: 1.1;
		margin: 0 0 10px;
	}
	.payment_example_text p:nth-child(3){
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 40px;
	}
	.btn-danger.shop{
		display: inline-block;
		width: 38%;
	}
	.sumapake_link{
		font-size: 0;
		margin: 74px 0 30px;
	}
	.sumapake_link a{
		display: inline-block;
		width: 15.65217391304348%;
	}
	.sumapake_link a:nth-child(1){
		width: 9.130434782608696%;
	}
}